.solution-title {
    text-align: center;
}

.solution-title p {
    margin: 2px 0;
    text-align: center;
}

.solution-contenrt {
    width: 100%;
    height: 660px;
    position: relative;
    border-bottom: 2px solid rgba(176, 0, 0, 1.00);
    margin: 0 2px;
    cursor: pointer;
   
}

.solution-contenrt .img-guidao {
    background-image: url('/skin/轨道交通.png');
    background-size: cover;
    width: 100%;
    height: 565px;
}


.guidao:hover>.solution-content-text{
    background: rgba(176, 0, 0, 1.00);
    height: 160px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.guandap:hover>.solution-content-text{
    background: rgba(176, 0, 0, 1.00);
    height: 160px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.solution-contenrt .img-guandap {
    background-image: url('/skin/管道泵阀02.png');
    background-size: cover;
    width: 100%;
    height: 565px;
}

.solution-contenrt .img-xin {
    background-image: url('/skin/新能源02.png');
    background-size: cover;
    width: 100%;
    height: 565px;
}

.xin:hover>.solution-content-text{
    background: rgba(176, 0, 0, 1.00);
    height: 160px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.solution-contenrt .img-dian {
    background-image: url('/skin/电器电力02.png');
    background-size: cover;
    width: 100%;
    height: 565px;
}

.dian:hover>.solution-content-text{
    background: rgba(176, 0, 0, 1.00);
    height: 160px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.solution-contenrt .img-tong {
    background-image: url('/skin/通信技术02.png');
    background-size: cover;
    width: 100%;
    height: 565px;
}

.tong:hover>.solution-content-text{
    background: rgba(176, 0, 0, 1.00);
    height: 160px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.solution-content-text {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 4px;
    left: 0;
   

}

.solution-contenrt :nth-child(1) {
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: 500;
   
}

.solution-contenrt :nth-child(2) {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
   
}

.solution-main {
    display: flex;
    justify-content: space-around;
}

.solution-contenrt:hover {
    font-size: 32px;
    font-weight: 500;
}



.solution-main {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}
     .main {

            padding: 20px 0px;
            box-sizing: border-box;

        }

        .main .content {
            width: 100%;
            min-height:630px;
            background-image: url('/skin/地图背景.png');
            text-align: center;
            margin: 0 auto;
            padding: 0 0px;
            background-size: 100% 100%;

        }

        .main .content .img {
            width: 100%;
            margin: 0 auto;
        }

      
        h1{
            margin: 10px 0;
            padding: 0;
        }
       
         
       #image-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1125px;
            overflow: hidden;
           

        }
        #image-container img {
            width: 195px;
            /* 假设每张图片的宽度是100px */
            /*height: 302px;*/
            margin: 0 5px;
            /*display: inline-block;*/
            /* 允许图片并排显示 */
            /*vertical-align: top;*/
            /* 可选，用于调整图片之间的垂直对齐 */
            border: 1px solid #ccc;
          
        }

        #image-container img:hover {
            cursor: pointer;
            border: 1px solid rgba(199, 0, 11, 1);
            ;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        }

        /* 添加一些按钮样式（可选） */
        .image-main {
            /* position: relative; */
            
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 59px 10px;
            background-color: rgba(235, 235, 235, 1); !important;
          

        }

     
            #product-container {
            display: flex;
             justify-content: space-between;
            align-items: center;
            /*overflow: hidden;*/
            /*margin: 0 auto;*/

        }

        #product-container img {
             width: 265px;
            /* 假设每张图片的宽度是100px */
            height: 310px;
            margin: 4px 10px;
          
            vertical-align: top;
            /* 可选，用于调整图片之间的垂直对齐 */
            border: 1px solid #ccc;
            border-bottom: 4px solid rgba(199, 0, 11, 1);
        }

        /* 添加一些按钮样式（可选） */
        .product-main {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 70px 0px;
            padding-top: 10px;
        }

        .move-btn {
            font-size: 34px;
            cursor: pointer;
           
            color: #ccc;
        }

        .move-btn:hover {
            color: rgba(255, 255, 255, 0.5);
        }

        .product-imags {
            display: flex;
               justify-content: space-between;
            align-items: center;
        }

        .product-imags-cherd {
            position: relative;
           

        }

        .product-imags-cherd-text {
            position: absolute;
            bottom: 4px;
            left: 11px;
            width: 265px;
            height: 1=00px;
            text-align: center;
            padding: 5px 0;
            cursor: pointer;
            transition: all 0.8s;
        }

        .product-imags-cherd:hover .product-imags-cherd-text{
            color: #fff;
            background-color: rgba(199, 0, 11, 1);
        }

        .product-imags-cherd:hover .product-imags-cherd-text p {
            color: #fff;
        }

        .product-imags-cherd-text P {
            margin: 2px;
            color: #000;
            font-size: 14px;
        }

        .product-imags-cherd-text P:nth-child(1) {
            font-size: 16px;
            font-weight: bold;
        }
        .product-conterner{
            background-image: url('/skin/product.jpg');
               background-repeat: no-repeat;
        }
        .product-conterner .product-title{
            font-size: 40px;
            text-align: center;
            padding-top: 39px;
        }
        .product-conterner .product-title p{
            margin: 5px;
        }
        .product-conterner .product-title p:nth-child(2){
            font-size: 24px;
        }
        /******************************数字化工厂**************************/
        .digitalize-product {
            padding: 10px 0px;
            display: flex;
            justify-content: center;
            height: 560px;
             width:1100px ;
             margin:0 auto;
        }

        .digitalize-product-content {
            border: 1px solid #ccc;
            margin-right: 10px;
        }

        .digitalize-product-content:hover {
            border: 1px solid rgba(199, 0, 11, 1);
            ;
        }

        .Understand-more {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            align-items: center;

        }

        .Understand-more .understand-more-btn {
            width: `106px;
            height: 20px;
            color: #000;
            border-radius: 20px;
            line-height: 16px;
            text-align: center;
            font-size: 14px;
            padding: 2px 27px;
            

        }

        .Understand-more .understand-more-btn a {
             height: 20px;
            color: #000;
            text-decoration: none;
        }

        .Understand-more .understand-more-btn:hover {
            background: rgba(199, 0, 11, 1);
            cursor: pointer;
            color: #ffffff;
        }

        .Understand-more .understand-more-btn:hover a {
              height: 20px;
            color: #ffffff;
        }

        .digitalize-product-right {
            display: flex;
            border: 1px solid #ccc;
            ;
        }

        .digitalize-product-right:hover {
            border: 1px solid rgba(199, 0, 11, 1);
            ;
        }

        .digitalize-product-right-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
    .title-wrapper{
          position: relative;
    }
     .see{
            position: absolute;
            right: 0;
            bottom: 2px;
        }
           .news-main {
            background-color: #e6e7e7;
            padding: 60px 0;
        }

        .news {
            width: 1155px;
            margin: 0 auto;
            display: flex;
        }

        .news .news-cont {
            width: 100%;
            height: 480px;
            background-color: #fff;
            margin: 5px;
            padding: 30px 20px 20px 20px;
            border-top: 6px solid transparent;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: all 1s;

        }

        .news .news-cont:hover {
            transition: all .3s;

            border-top: 6px solid #bc0011;
        }

        .news .news-cont:hover .time .btn {
            background-color: #bc0011;
            color: #fff;
            border: 1px solid transparent;
         
        }

        .news .news-cont .time {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: bold;
            color: #a6a6a6;
            font-size: 20px;
        }

        .news .news-cont .text {
            /* margin: 30px 0; */
            color: #a6a6a6;
            font-size: 14px;
           
        }
        .news .news-cont  h2 {
         
            padding: 0;
            margin: 0;
        }

        .news .news-cont img {
            width: 100%;
            height: 176px;
            /* margin-top: 20px; */
        }
        .news .news-cont .time  p{
            padding: 0;
            margin: 0;
        }

        .news .news-cont .time .btn {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            line-height: 18px;
            border: 1px solid #a6a6a6;
            cursor: pointer;
            font-size: 14px;
            padding-left: 2px;
        }
        .news .news-cont .time  a{
             color: #a6a6a6;
        }
          .news-title-wrapper {
            width: 1155px;
            margin: 0 auto;
            padding: 30px 0;
            text-align: center;
        }

        .news-title-see {
            position: relative;
        }

        .news-title-see {
            position: relative;
        }

        .news-title-see-more a {
            font-size: 14px;
            color: #000;
            text-decoration: none;
        }
        .news-title-see-more:hover a{
            color: #bc0011;
        }

        .news-title-see-more {
            position: absolute;
            right: 0;
            top: 0;

        }